/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        'app-bg': 'var(--app-bg)',
        'app-fg': 'var(--app-fg)',
        'panel-bg': 'var(--panel-bg)',
        'panel-fg': 'var(--panel-fg)',
        'panel-border': 'var(--panel-border)',
        'subtle-bg': 'var(--subtle-bg)',
        'muted-fg': 'var(--muted-fg)',
        'muted-strong': 'var(--muted-strong)',
        'accent': 'var(--accent)',
        'accent-contrast': 'var(--accent-contrast)',
        'info-bg': 'var(--info-bg)',
        'info-fg': 'var(--info-fg)',
        'success-bg': 'var(--success-bg)',
        'success-fg': 'var(--success-fg)',
        'warn-bg': 'var(--warn-bg)',
        'warn-fg': 'var(--warn-fg)',
        'danger-bg': 'var(--danger-bg)',
        'danger-fg': 'var(--danger-fg)',
        'terminal-foreground': 'var(--terminal-foreground)',
        'terminal-cursor': 'var(--terminal-cursor)'
      }
    },
  },
  plugins: [],
};


